<template>
  <div class="select-header">
    <p v-if="DingTalkHeader">&nbsp;&nbsp;&nbsp;&nbsp;</p>
    <p v-else  @click="back" class="back"><svg-icon icon-class="left"/>{{$t('home.back')}}</p>
    <p class="title">{{$t('selectPerson.title')}}</p>
    <p class="sure">&nbsp;&nbsp;&nbsp;&nbsp;</p>
  </div>
</template>

<script>
export default {
  name: 'SelectHeader',
  data() {
    return {
    }
  },
  methods: {
    back() {
      this.$router.go(-1)
    }
  },
  computed: {
    // 筛选历史路径
    filterPath() {
      return this.$store.getters.filterPath
    },
    DingTalkHeader() {
      return this.$store.getters.DingTalkEnv
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  @import "../../../commom/scss/mixin";
  $mainColor: #2970FF; // 主颜色
  $baseColor: #fff;
  $font-size-medium-x: 16px;
  $borderBottom:rgba(232, 232, 232, 1);
  .select-header {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    background: $baseColor;
    @include border-bottom-1px($borderBottom);
    .title,
    .back,
    .sure {
      line-height: 44px;
      font-size: $font-size-medium-x;
    }
    .back{
      color: $mainColor;
    }
    .sure {
      color: $mainColor;
    }
  }
</style>
